{% extends "meetup_group_frame.html" %}
{% load location_filter %}
{% block title %}
加入相聚小组----新生活从此开始!
{% endblock %}

{% block custom_header %}
<!-- CommentBoard stuff-->
<script type="text/javascript"> 
  var boardId = {{group.comment_board.id}};
</script>
<script type="text/javascript" src="/static/commentboard/commentboard.js"></script>
<link href="/static/commentboard/cb_style.css" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}

<!-- start content of the page-->
<div id="C_page" class="vcard">
	<div id="C_pageDividerBlock"></div>
	
	<!-- start content of page header-->
	<div id="C_contextHead">
		<div id="C_contextHeadBody">
			<div id="C_contextTitle">
				<a class="url" href="/group/{{ group.id }}">
					<span id="bannerGroupName" class="fn org">{{group.name}}</span>
				</a>
			</div>
		</div>
	</div>
	<!-- end content of page header-->

	<div id="C_pageBody">
		<div id="C_context">
		<div id="C_document" class="" style="margin:0 0 0 0;">
			<div class="D_docsection divby7">
				
				<!-- first column -->
				<DIV class="D_col D_docCol spans5 first">
					
					<!-- first column body -->
					<DIV class=D_colbody>
				
						<!-- start of D_box -->
						<DIV class=D_box> 
							<DIV class=D_boxbody> 
								<DIV class=D_boxhead> 
									<SPAN class=D_info>群组宣言</SPAN> 
									<H1 class=ieProof>{{ group.title }}</h1>
								</DIV> 
								
								<!-- end of D-boxhead-->
								
								<!-- start -->
								
									<DIV class=D_boxsection> 
										
										<!-- group introduction  -->
										<DIV class=D_groupSummary> 
											
											<!--group picture -->
											<div class="D_groupPic">
											<a href="{{group.picture.url}}">
											<img class="photo" alt="" src="{{group.picture.url}}"/>
											</a>
											</div>
											<!-- end of group picture -->
					
											<!--group stats -->
											<DIV class=D_groupStats> 
												
												<!-- Column 1 -->
												<DIV class="D_boxcols divby5">
													<!-- found place --> 
													<DIV class="D_col spans3 first"> 
														<DIV class=D_colbody> 
															<DL class=stats> 
																<DT class=statLabel>成立地点 
																	<DD class=adr id=groupLoc>
																		<SPAN class=locality></SPAN><SPAN class=region>{{ group.location|code_to_location}}</SPAN> 
																	</DD> 
																</DT>
															</DL>
														</DIV>
													</DIV> 
													<!--activities count -->
													<DIV class="D_col spans2 last"> 
														<DIV class=D_colbody> 
															<DL class="stats col"> 
																<DT class=statLabel>举办的活动 
																	<DD id=groupEventCount>0 至今 </dd>
																</DT>
															</DL>
														</DIV>
													</DIV>
												</DIV>
												<!-- end of column 1-->
												<!-- column 2 -->
												<DIV class="D_boxcols divby5">
													<!-- members description -->
													<DIV class="D_col spans3 first">
														<DIV class=D_colbody> 
															<DL class=stats> 
																<DT class=statLabel>成员人数 
                                <DD id=groupMemCount>{{group.users.all|length}}/{{group.member_limit}}
																	</DD>
																</DT>
															</DL>
														</DIV>
													</DIV>
													<!-- votes -->
													<DIV class="D_col spans2 last">
														<DIV class=D_colbody> 
															<DL class="stats last"> 
																<DT class=statLabel>创始人
																	<DD class=hReview-aggregate id=groupRating>
																		<SPAN class=fn><strong>{{ group.creator.profile.name }}</strong> </SPAN></SPAN> 
																	</DD>
																</DT>
															</DL>
														</DIV>
													</DIV>
												</DIV>
												<!-- end of column 2-->
												
												 <!-- column 3 -->
												<DIV class="D_boxcols divby5"> 
													
													<!-- row 1: topics -->
													<DIV class="D_col spans3 first"> 
														<DIV class=D_colbody> 
															<DL class="stats last"> 
																<DT class=statLabel>聚会主题 
																	<DD class=groupTopics>					 
																		<!-- Topic lists-->
																		<DIV id=topicList1>
																			<SPAN class=meetup-topic>
																				<A  href="/">
																					<SPAN class=last-word>{{ group.label }}
																						<SPAN class="topic-info-hook T_topic-info-hover"> 
																						</SPAN>
																					</SPAN>
																				</A>
																			</SPAN>
																		</DIV> 
																	</DD>
																</DT>
															</DL>
														</DIV>
													</DIV>
													 
													 <!-- row 2: found date -->
													<DIV class="D_col spans2 last"> 
														<DIV class=D_colbody> 
															<DL class=stats> 
																<DT class=statLabel>成立日期 
																	<DD id=groupFounded>{{ group.found_date|date:"Y年m月d日" }} </dd>
																</DT>
															</DL>
														</DIV>
													</DIV>
													<!-- end of row 2-->
												</DIV>
												<!-- end of column 3 -->
											</DIV>
											<!-- end of group stat-->
										</DIV>
										<!-- end of group introduction-->
									</DIV> 
									<!-- end of box section -->
									
									<!-- start of D_boxsection-->
									<DIV class=D_boxsection> 
										<DIV class=groupDesc>
											<P>{{ group.description }} </P>
										</DIV>
                  </DIV>
                  <!-- end of D_boxsection -->

                  <!-- start of D_boxsection-->
                  <DIV class=D_boxsection>
                    <script type="text/javascript" src="/static/commentboard/cb_content.js"></script>	
                  </DIV>
                  <!-- end of D_boxsection-->

									
									<!-- start of D_boxfoot-->
									<DIV class=D_boxfoot><A href="/about/">了解更多信息</A> </DIV>
									<!-- end of D_boxfoot-->
								</DIV> 
								<!-- end of D_boxbody-->
							</DIV> 
							<!-- end of D_box -->

							<!-- need insert from here -->
				
					</DIV>
					<!-- end of first column body-->
					
				</DIV>
				<!-- end of first column-->

					<!-- the last column-->
					
					<DIV class="D_col D_docCol spans2 last IE_lastCol">
						<DIV class=D_colbody>
							<DIV class="D_box">
								<DIV class=D_boxbody>
									<DIV class=organizer style="text-align:center;">
										<DIV class=label>小组创始人</DIV> 
										<DIV class=value>
			                <img src="{{group.creator.profile.photo.url}}"><br>
											<STRONG>
												{{ group.creator.profile.name }} 
											</STRONG>
										</DIV>
									</DIV>
								</DIV>
							</DIV>
							<DIV class="D_box calltoaction">
								<DIV class=D_boxbody>
									<DIV class=D_boxhead>
										{% if joined %}
                    <H2>欢迎你，<br/>{{ user.profile.name }} </H2>
										<P>是不是该聚聚了？！</P>
										{% else %}
										<H2>加入{{group.name}}聚会</H2>
										<P>您将在新的聚会开始时收到邀请！</P>
										{% endif %}
									</DIV>
									
									<!-- start D_boxsection-->
									<DIV class=D_boxsection>
										
										
										<!-- start of the register form-->
										{% if anonymous %}
										<FORM action="/accounts/login/" method="post">
										{% else %}
										<form action="/groups/join/" method="post">
										{% endif %}
											{%if anonymous %}
											<!-- start of D_form_short D_form-->
											<DIV class="D_form_short D_form">
												<DIV class=element>
													<DIV class=label><LABEL>邮件:</LABEL> </DIV>
													<DIV class=input><INPUT class=text id=emailInput name=email> </DIV>
												</DIV>
												
												<DIV class=element>
													<DIV class=label><LABEL>密码:</LABEL> </DIV>
													<DIV class=input><INPUT class=text id=passwordInput type=password name=password> </DIV>
												</DIV>
												 <input type=hidden value="北京" name="city" />
												 <input type=hidden value="海淀区" name="district" />
												<!-- start of the element-->
												<DIV class=element>
													<!-- for check box-->
													<DIV class=input>
														<TABLE class=inputs summary="">
															<TBODY>
																<TR>
																	<TD>
																		<INPUT id=terms type=checkbox name=terms>
																	</TD>
																	<TD>
																		<LABEL for=terms>我同意 
																			<A class=popExit href="http://www.meetup001.com/terms">服务条款 </A>
																		</LABEL>
																	</TD>
																</TR>
															</TBODY>
														</TABLE>
													</DIV>
												</DIV>
												<!-- end of the element -->
												{% endif %}
							
												<!-- start footElement-->
												
												{% if not joined %}
												<DIV class=footElement>
													<INPUT class="D_submit T_button" type=submit value="加入我们!" name=submitButton> 
													<input type=hidden value="{{ group.id }}" name="group_id" />
													<input type=hidden value="{{ user.id }}" name="user_id" />
												</DIV>
												<!-- end of D_form_short D_form-->
												{% endif %}
							
											</DIV>
											<!-- end of the form_short div-->
										</FORM>
										<!-- end of the form-->
									</DIV>
									<!-- end of D_boxsection-->
								</DIV>
								<!-- end of D_boxbody-->
							</DIV>
							<!-- end of D_box calltoaction-->
					
						</DIV><!-- end of col_body-->
					</DIV><!-- end of IE_lastCol-->
					
				</DIV><!-- end of divide by 7-->
							
				
			</DIV><!-- end of document-->
		
	</DIV><!-- end of context-->
		
	</DIV><!-- end of page body -->

</DIV><!-- end of C_page, class=vcard-->
{% endblock %}
